<template>
	<div class="add-form">
		<el-form ref="formDataRef" :inline="true" :model="ruleForm" label-width="90px" class="demo-form-inline">
			<el-row>
				<el-col :span="12">
					<el-form-item prop="productCategoryId" label="分类">
						<CateSelector v-model="ruleForm.productCategoryId" />
					</el-form-item>
					<el-form-item prop="productCategoryId" label="图片">
						<ImgList v-model="ruleForm.albumPicsArr" />
					</el-form-item>
					<el-form-item prop="productCategoryId" label="视频">
						<SingleVideoSelector v-model="ruleForm.videoUrl" v-model:poster="ruleForm.videoImgUrl" />
					</el-form-item>
				</el-col>
			</el-row>
		</el-form>
	</div>
</template>
<script setup>
import CateSelector from '/@/components/common/CateSelector.vue';
import ImgList from './ImgList.vue';
import SingleVideoSelector from '/@/components/videoSelector/SingleVideoSelector.vue';

const ruleForm = ref({});
</script>
<style lang="scss"></style>
